﻿.media-img{
    max-height:200px;
    max-width:200px;
    border-radius:6px;
    margin-bottom:10px;
    transition: transform .2s
}

/*鼠标放在图片上,图片变大*/
.media-img:hover{
    transform:scale(1.1)
}

.media{
    display:flex;
    align-items:flex-start;
}

.media-body{
    flex:1;
}

.media-img-wrapper{
    width:200px;
    text-align:center;
}

.page-selection{
    margin-right:15px;
    margin-bottom:30px;

}

@media(max-width:1023.98px){
    .media{
        flex-direction:column;
    }
    .media-img{
        max-width:300px;
    }
    .media-img-wrapper{
        width:100%;
        height:auto;
    }
}
